<template>
  <div ref="box">
    我是div
  </div>
</template>


<script>
/**
 * 1.获取元素
 * 在vue2.x中我们可以通过给元素添加ref="xxx",
 * 然后在代码中通过refs.xxx的方式获取元素
 * 在vue3.x中我们也可以通过ref来获取元素
 */
import { ref, onMounted } from "vue";
import { reactive } from "vue";
export default {
  name: "App",
  setup() {
    let box = ref(null);
    console.log(box.value); //null
    onMounted(() => {
      console.log("onMounted", box.value);
    });
    return { box };
  }
};
</script>
